<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="Public/Home/bootstrap/css/bootstrap.min.css"/>
<script type="text/javascript" src="Public/Home/js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="Public/Home/bootstrap/js/bootstrap.min.js"/>
 <link rel="stylesheet" type="text/css" href="Public/Home/css/gouwuc.css"/>
 <link rel="stylesheet" type="text/css" href="Public/Home/css/common.css"/>
 <script type="text/javascript">
			$(function(){
//				抓取当前页面的点击增加按钮，然后改变inputval中的值
				$('.cond').click(function(){
					var num=Number($(this).parents('.spl_nr1').find('.number').val());
					num+=1;					

					$(this).parents('.spl_nr1').find('.number').val(num);
				})
				$('.cona').click(function(){
					var num =Number($(this).parents('.spl_nr1').find('.number').val());
//					减少时不能为负数
					if(num>1){
						num-=1;//num=num-1
					}
					$(this).parents('.spl_nr1').find('.number').val(num);
				})
//				抓取单价乘以数量得到总价写入该商品的累计价格中
			})
		</script>
		<!--点击加时，改变购物车商品的数量和价格-->
		<script type="text/javascript">
			$(function(){
				$('.cond').click(function(){
					var This=$(this);
					var nums=$(this).parents('.spl_nr1').find('.number').val();
//					alert(nums);
//					获取当前商品的键名..就是唯一的sid					
					var sid=$(this).parents('.spl_nr1').find('.checkOne').val();
					$.ajax({
						type:"post",
						url:"<?php echo U('Cart/changeNum')?>",
						data:{sid:sid,nums:nums},
						dataType:'json',
						success:function(phpData){
//							修改，所有商品价格，数量，当前小计
							This.parents('.spl_nr1').find('.jine').find('span').html(phpData.oneTotal);
						 	
//						 	所有商品价格
						 	$('.jisuan_foot2 h4').html(phpData.allTotal+'元');
							
						}
					});
					
					
				})
			})
		</script>
		<!--点击减时，改变购物车商品的数量和价格-->
			<script type="text/javascript">
			$(function(){
				$('.con').click(function(){
					var This=$(this);
					var nums=$(this).parents('.spl_nr1').find('.number').val();
//					alert(nums);
//					获取当前商品的键名..就是唯一的sid					
					var sid=$(this).parents('.spl_nr1').find('.checkOne').val();
					$.ajax({
						type:"post",
						url:"<?php echo U('Cart/changeNum')?>",
						data:{sid:sid,nums:nums},
						dataType:'json',
						success:function(phpData){
//							修改，所有商品价格，数量，当前小计
							This.parents('.spl_nr1').find('.jine').find('span').html(phpData.oneTotal);
						 	
//						 	所有商品价格
						 	$('.jisuan_foot2 h4').html(phpData.allTotal+'元');
							
						}
					});
					
					
				})
			})
		</script>
				<!--删除购物车数据-->
		<script type="text/javascript">
			$(function(){
				$('.delcom').click(function(){
					var This=$(this);
//					抓取当前的num值//购买数量
					var nums=0;
//					alert(nums);
//					获取当前商品的键名//就是唯一的sid
					
					var sid=$(this).parents('.spl_nr1').find('.checkOne').val();
					
//					将数量，和商品sid发送到php进行修改购物车
					$.ajax({
						type:"post",
						url:"<?php echo U('Cart/delNum')?>",
						data:{sid:sid,nums:nums},
						dataType:'json',
						success:function(phpData){
							
							This.parents('.spl_nr1').remove();
//						 	修改，所有商品价格，数量，当前小计
							This.parents('.spl_nr1').find('.jine').find('span').html(phpData.oneTotal);
						 	
//						 	所有商品价格
						 	$('.jisuan_foot2 h4').html(phpData.allTotal+'元');
							
						 }
					});
					
				})
			})
		</script>
		<script type="text/javascript">
			$(function(){
				$('.checkAll').click(function(){
//					alert(222);
//					获取当前对象的选中属性
					var re=$(this).is(':checked');
//					alert(re);					
					if(re){
//						$('.checkOne')
						

						$.each($('.checkOne'), function(){
							$(this).attr('checked','checked');
						});
					}else{
						$.each($('.checkOne'), function(){
							$(this).removeAttr('checked');
						});
					}
					
				})
			})
			
		</script>
		<meta charset="UTF-8">
		<title>联想商城-购物车</title>
	</head>
	<body>
		<!--top-->
		<div id="top_ting">
			<div class="top_nr">
				<div class="top_nr2">
					<a href="<?php echo U('Home/Index/index')?>">返回首页</a><span>|</span>
					<a href="">382131445@qq.com</a><span>|</span>
					<a href="">我的订单</a><span>|</span>
				</div>
			</div>
		</div>
		
	<!--top结束-->	

<!--购物车logo-->
<div id="gc_kj">
	<div class="logo_c">
		<a href="<?php echo U('Home/Index/index')?>"><img src="Public/Home/images/lgche1.jpg" /></a>
		
	</div>
	<div class="gc_y">
		<img src="Public/Home/images/gc_y.jpg"/>
	</div>
</div>
<!--购物车logo-结束-->		
<!--商品栏-->
<!--规格 	单价 	数量 	金额 	操作-->
<div id="spl">
	<form action="<?php echo U('Confirm/index')?>" method="post">
		
	<div class="spl_top">
		<div class="spl_top1"><input type="checkbox" name="" id="" class="checkAll" value="" /><span>全选</span></div>
		<div class="spl_top2"><span>商品</span></div>
		<div class="spl_top3"><span>规格</span></div>
		<div class="spl_top4"><span>单价</span></div>
		<div class="spl_top5"><span>数量</span></div>
		<div class="spl_top6"><span>金额</span></div>
		<div class="spl_top7"><span>操作</span></div>
	</div>
	<div class="spl_nr">
		<?php foreach ($data['goods'] as $k=>$v){?>
		<div class="spl_nr1">
			<input type="checkbox" class="checkOne" name="glid[]" id="k1" value="<?php echo $k?>" />
			<div class="nr_tu">
				<img src="<?php echo $v['options']['listImg']?>" height="115px">
			</div>
			<div class="gw_sp">
				<a href=""><?php echo $v['name']?></a>
				<br />
				<a href="" class="a1">购买联想服务</a>
			</div>
			<div class="guig">
				<span><?php echo $v['options']['sizecolor'][0]?> </span>
			</div>
			<div class="danj">
				<span><?php echo $v['price']?></span>
			</div>
			<div class="shul">
				<a href="javascript:;" class="cona">-</a>
					<input type="text" name="" class="number" id="" value="<?php echo $v['num']?>" />
				<a href="javascript:;" class="cond">+</a>
			</div>
			<div class="jine">
				<span><?php echo $v['total']?></span>
			</div>
			<div class="caoz">
				<a href="javascript:;" class="delcom">X</a>
			</div>
		</div>
		<?php }?>
	</div>
	
</div>
<div class="jisuan">
	<div class="jisuan_foot1">
	
	</div>
	<div class="jisuan_foot2">
		
		<span>合&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计：</span><h4><?php echo $data['total']?>元</h4>
	</div>

</div>		
		
<!--<a href="<?php echo U('Confirm/index')?>" class="jiesuanbt">去结算</a>-->	
 <input type="submit" name="" id="" class="jiesuanbt" value="去结算" />

	</form>
<div class="gwc_foots"></div>
		
		
		
		
		
		
		
		
		
		
		
	</body>
</html>
